<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="utf-8" />
    <title> Usuarios </title>
 </head>
 <body>
 

<div id="centro2" style='width:400px;margin-top:12%;'>
  <form method="post"  class="form-signin" action="<?php echo base_url() ?>usuarios/iniciar_sesion_post">
        <h2 class="form-signin-heading">Iniciar Sesión</h2>
        <label> Nombre </label>
        <br />
        <input id="usuarioForm" type="text" class="form-control" name="nombre" placeholder="Usuario" required autofocus>
        <br />
        <label> Contrasena </label>
        <br />
        <input id="contrasenaForm" type="password" name="contrasena" class="form-control" placeholder="Contraseña" required>
        
        
        
        <!-- <a href='/registro/usuario' >Registrarse</a> -->
        
        <input type="submit" id="iniSesion" class="btn btn-lg btn-primary btn-block" value="Iniciar Sesión"/>
      </form>
</div>
    
<style type="text/css">
#iniSesion{
  margin-top: 36px;
  width: 200px;
  height: 50px;
  margin-left: 25%;
  background:rgb(170, 170, 170);
}
</style>

 	
	<!-- 
    <h1> Iniciar sesion </h1>
    <form method="post" action="<?php echo base_url() ?>usuarios/iniciar_sesion_post">
       <label> Nombre </label>
       <br />
       <input type="text" name="nombre" />
       <br />
       <label> Contrasena </label>
       <br />
       <input type="password" name="contrasena" />
       <br />
       <input type="submit" value="Iniciar sesion" />
    </form> -->
 </body>
</html>


    <link rel="stylesheet" href="/css/style-admin.css">
    <link rel="stylesheet" href="/css/principal_admin.css">
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

    <!-- Optional theme -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- 
<script type="text/javascript">
        /* detecta si pulsamos enter envia la busqueda */
    $('#contrasenaForm').keypress(function(e) {
        code = e.keyCode ? e.keyCode : e.which;
        if(code.toString() == 13) {
            $('#mbotonLogin').click();
            
        }
    });

    function enviarForm() {
        
        if($('#usuarioForm').val()!='' && $('#contrasenaForm').val()!=''){
            var recordarme = "";
            if ($('#recordarme').attr('checked')){
                recordarme = "on";
            }
                    var dataString = 'usuario='+ $('#usuarioForm').val() + '&contrasena=' + $('#contrasenaForm').val() + '&recordarme=' + recordarme;
            $.ajax({ dataType: 'json', type:"POST",url:"/login",data:dataString,
                success: function(msg){
                    // alert(msg[0].error);
                    if (msg[0].error)
                    {
                        alert ('Por favor, checkee el Usuario y la Contraseña');
                    }
                    else if (msg[0].operation == 'OK')
                    {
                        document.location.href = "/login/logueado";
                    }
                    
                }
            });
        } else {
            alert ('Verifique que el Usuario y la Contraseña no estén vacíos.');
        }
    }

        </script> -->